<template>
  <div>
    count:{{ count }}
    <button @click="addA">累加</button>
  </div>
</template>

<script lang="ts">
import {ref} from 'vue'
 import { defineComponent } from 'vue'
  export default  defineComponent({
    name:'App'
  })
</script>
<!-- /* 
  使用ref方法来创建响应式数据:
    - 接受一个内部值，返回一个响应式的、可更改的 ref 对象
    - 此对象只有一个指向其内部值的属性 .value
    - 它也是响应式的，即所有对 .value 的操作都将被追踪
    -  ref的创建的响应式数据在模板中使用不需要添加.value，在setup中操作数据的时候要添加.value


    使用ref方法类型限制
        -ref方法接受一个泛型，可以传递内部value数据的类型
*/ -->
<script lang="ts" setup>
  let count=ref<number>(1)
  const addA=()=>{
    count.value++
  }
</script>

<style lang="less" scoped>
  
</style>